<!DOCTYPE html >
<html>
    <head>
        <title>#{get 'title' /} | PhotoBlog</title>		
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link href="@{'public/stylesheets/main.sass'}" rel="stylesheet" type="text/css" >
        <link href="@{'/public/highslide/highslide.css'}" rel="stylesheet" type="text/css" />
        <link href="@{'/public/images/favicon.png'}" rel="shortcut icon" type="image/png"/>
		<link href='http://fonts.googleapis.com/css?family=Lobster|Cabin|Questrial|Anonymous+Pro' rel='stylesheet' type='text/css'>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/highslide/highslide-full.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/jquery.hashchange.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/dateformat.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    </head>
    <body>
        <div id="header">
			<div id="title">
				<h1><a href="@{Application.index()}">&{'blogTitle'}</a></h1>
				<h2>&{'blogBaseline'}</h2>
			</div>
        </div>
        
        <div id="main">
            #{doLayout /} 
        </div>
        
        <p id="footer">
	    	<a href="@{Admin.index()}">
		    	#{if session.username }
					Administration
				#{/if}
				#{else}
					Log in
				#{/else}
	    	</a>
        </p>
        
    </body>
</html>